
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <title>蛋酱</title>
    <link rel="stylesheet" href="../../res/danji/css/index2.css?v=1.0.7">
    <style>
        body{
            background: #f4f4f4;
        }
        .nd-icon {
            background: url("../../res/danji/img/nd_icon_jin.png") 0 50% no-repeat;
            -webkit-background-size: .5rem auto;
            background-size: .5rem auto
        }
        .page {
            background: url("../../res/danji/img/nd_bg.jpg") no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 90%
        }

        .nd-flash {
            background: url("../../res/danji/img2/nd11.png") 50% 50% no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto;
        }

        .shiniu{
            width: 1.1rem;
            position: absolute;
            right: 10%;
            bottom: 25%;
            overflow: hidden;
            display: none;
        }

        .fullNiu{
            width: 1.7rem;
            position: absolute;
            left: 5%;
            bottom: 18%;
            overflow: hidden;
            /*display: none;*/
        }

        .fullNiu img{
            display: none;
        }

        #tbk{
            width: 1.5rem;
            position: absolute;
            left: 5%;
            bottom: 19%;
            overflow: hidden;
            display: none;
        }

        #tbk img{
            width: 1.5rem;
        }

        .shiniu img{
            width: 1rem;
        }

        .nd-exit {
            background: url("../../res/danji/img2/nd7.png") no-repeat;
            -webkit-background-size: 100% auto;
            background-size: 100% auto
        }

        .mask-bg {
            background: url("../../res/danji/img/nd_result_bg.png") center/contain no-repeat rgba(0, 0, 0, .8);
            -webkit-animation: gacha-bg-rotate 50s linear infinite;
            animation: gacha-bg-rotate 50s linear infinite;
        }

        .nd-model-btn{
            display:inline-block;
            width:3.2rem;
            height:1.1rem;
            background:url("../../res/danji/img/nd_btns.png") no-repeat;
            -webkit-background-size:3.2rem auto;
            background-size:3.2rem auto}

        .nd-model-btn-share{background:url("../../res/danji/img/nd_btns.png") 0 -1.1rem no-repeat;
            -webkit-background-size:3.2rem auto;
            background-size:3.2rem auto}

        .nd-model-btn-hp{
            margin-top: 20px;
            display:inline-block;
            width:6.4rem;
            height:1.1rem;
            background:url("../../res/danji/img/nd_btns3.png") no-repeat;
            -webkit-background-size:6.4rem auto;
            background-size:6.4rem auto}
        .layui-layer-btn a{
            font-size: 0.15rem!important;
        }
        #snInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #qcInfo{
            width: 100%;
            margin: 0.2rem auto;
            overflow: hidden;
            display: none;
        }

        #snInfo img{
            width: 70%;
        }
        .disable {
            pointer-events: none;
        }
    </style>
    <script>
        var mypoolid=1114;
        var mymarkid="";

        !function (n) {
            var e = n.document,
                t = e.documentElement,
                dpr, scale;
            var isAndroid = n.navigator.appVersion.match(/android/gi),
                isIPhone = n.navigator.appVersion.match(/iphone/gi),
                devicePixelRatio = n.devicePixelRatio;
            if (isIPhone) {
                if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                    dpr = 2
                } else {
                    dpr = 1
                }
            } else {
                dpr = 1
            }
            scale = 1 / dpr;
            var metaEl = e.createElement("meta");
            var scale = dpr === 1 ? 1 : 0.5;
            metaEl.setAttribute("name", "viewport");
            metaEl.setAttribute("content", "initial-scale=" + scale + ", maximum-scale=" + scale + ", minimum-scale=" + scale + ", user-scalable=no");
            if (t.firstElementChild) {
                t.firstElementChild.appendChild(metaEl)
            } else {
                var wrap = e.createElement("div");
                wrap.appendChild(metaEl);
                e.write(wrap.innerHTML)
            }
            var i = 1440,
                d = i / 200,
                rem, o = "orientationchange" in n ? "orientationchange" : "resize",
                a = function () {
                    var n = t.clientWidth || 320;
                    n > i && (n = i),
                        t.style.fontSize = (rem = n / d) + "px"
                };
            n.px2rem = function (px) {
                var v = parseFloat(px);
                return v / rem
            };
            n.rem2px = function (r) {
                var v = parseFloat(r);
                return rem * v
            };
            e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener("DOMContentLoaded", a, !1))
        }(window);
    </script>
</head>
<body>
<!--<div id="verificationCodeWrap" class="verificationCodeWrap">-->
<!--    <div class="codeContent">-->
<!--        <div class="codeTitle">全抽需输入验证码</div>-->
<!--        <div id="codeNum" class="codeNum"></div>-->
<!--        <div class="codeValWrap"><input maxlength="6" type="text" id="codeVal" placeholder="请输入验证码" value=""></div>-->
<!--        <div class="btn">-->
<!--            <div id="left" class="left">取消</div>-->
<!--            <div id="right" class="right">确定</div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div class="niudanNav">
    <img class="goBlack" src="../../res/img/common/bick.png" alt="">
    <div class="danjiName">
        <div id="danjiName" class="name"></div>
        <div class="danjiJE">
            <div class="danjiLi">
                <img src="../../res/img/common/goldCoin.png" alt="">
                <span id="money3"></span>
            </div>
<!--            <div class="danjiLi">-->
<!--                <img src="../../res/img/common/silverCoin.png" alt="">-->
<!--                <span id="money1"></span>-->
<!--            </div>-->
            <div class="danjiLi">
                <img src="../../res/img/common/redPacket.png" alt="">
                <span id="money4"></span>
            </div>
        </div>
    </div>
    <div id="danmuImg" class="danmuImg"><img src="../../res/img/common/dan.png" alt=""></div>
    <div id="shareBtn" class="shareBtn"><img src="../../res/img/share/share.png" alt=""></div>
</div>
<div class="getDm">
    <div class="dmalertIndex"></div>
    <div class="dmcontent">
        <h3 class="dmtitle">许愿池</h3>
        <label for="intro"></label><textarea name="" id="intro"></textarea>
        <div id="dmBtn" class="dmBtn">许愿</div>
    </div>
</div>
<div class="page">
    <div class="page-flash"></div>
    <div class="nd-wrapper">
        <div class="nd">
            <div class="cut">
                <img class="cutbj" src="../../res/danji/img2/hyt.png" alt="">
                <div class="cutLeft">
                    当前第<span id="CounNum">1</span>套
                </div>
                <div class="cutCenter"></div>
                <div class="cutRight">
                    <span class="CountSum">共<span id="CountSum">  </span>套</span>
                    <img id="rule" src="../../res/img/common/help.png" alt="">
                </div>
            </div>
            <img src="../../res/danji/img2/nd2.png" alt="" class="nd-machine">
            <div id="money2" class="nd-icon" style="color:#FF5F00"></div>
            <a id="danjiDetail" href="" class="nd-detail">
                <div class="danmu"></div>
                <div class="nd-poster">
                    <div id="cuxiaotext" class="nd-poster-label"></div>
                    <img id="picbanner" src="" alt="" class="nd-poster-img">
                    <img src="../../res/danji/img/nd_hand.png" alt="" class="nd-poster-handle">
                </div>
            </a>
            <div class="nd-switch-wrapper">
                <div class="nd-flash-wrapper">
                    <div class="nd-flash"></div>
                </div>
                <div class="nd-switch">
                    <div class="nd-switch-indicate">
                        <img class="nd-switch-indicate-img" src="../../res/danji/img2/nd3.png" alt="">
                    </div>
                </div>
            </div>
            <div class="shiniu">
                <img src="../../res/img/sj.png" alt="">
            </div>
            <div class="fullNiu">
                <img id="nofullNiuBtn" src="../../res/img/common/bdcbH.png" alt="">
                <img id="fullNiuBtn" src="../../res/img/common/bdcb.png" alt="">

            </div>
            <div id="tbk" class="tbk">
                <img src="../../res/img/tbk.png" alt="">
            </div>
            <div class="nd-exit">
                <div class="nd-award-wrapper">
                    <div class="nd-award"></div>
                </div>
            </div>
        </div>
        <div class="prizeList">
            <div class="top">
                <img style="vertical-align: middle" class="djyl" src="../../res/img/djyl.png" alt="">
                <span id="leftcount" style="vertical-align: middle;font-size: 0.3rem;margin-left: 0.2rem;display: none">剩余数:0</span>
                <img id="SX" class="sx" src="../../res/img/sx.png" alt="">
            </div>
            <ul id="prizeUl" class="prizeUl"></ul>
        </div>
        <!--      抽奖按钮-->
        <div class="btnWrap">
<!--            <div style="height: 0.5rem;font-size: 0.5rem;text-align: center" id="getCode">获取验证码</div>-->
            <img class="btnWrapBj" src="../../res/img/bj.png" alt="">
            <div id="tenBtn" class="tenBtn">
                <img src="../../res/img/three.png" alt="">
            </div>
            <div id="oneBtn" class="oneBtn">
                <img src="../../res/img/one.png" alt="">
            </div>
        </div>
    </div>

    <div class="nd-combo">
        <div class="nd-combo-text"><span>1</span></div>
        <img src="../../res/danji/img/logoface0.png" alt="">
        <img src="../../res/danji/img/logoface1.png" alt="">
        <img src="../../res/danji/img/logoface2.png" alt="">
        <img src="../../res/danji/img/logoface3.png" alt="">
    </div>
</div>

<div class="mask">
    <div class="mask-bg"></div>
    <div class="mask-content">
<!--        <img class="mask-result-pic" src="../../res/danji/img/nd_luckly_title.png" alt="">-->

        <div id="ndModelWrap" class="ndModelWrap">
<!--            <div class="nd-modal">-->
<!--                <div class="nd-modal-pic">-->
<!--                    <img src="../../res/img/eggTV/1.png" class="nd-modal-picimg" alt="">-->
<!--                </div>-->
<!--                <div class="nd-model-text">-->
<!--                    是hi滴啊为iodo是hi滴啊为iodo是hi滴啊为iodo是hi滴啊为iodo-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <div class="nd-model-btns">
            <div>
                <a href="javascript:void(0);" class="nd-model-btn js-retry"></a>
            </div>
            <div>
                <a class="nd-model-btn nd-model-btn-share shareBtn"></a>
            </div>
        </div>
        <div id="faskback" class="nd_btns3">
            <img src="../../res/danji/img/nd_btns3.png" alt="">
        </div>
        <div id="snInfo">
            <img src="../../res/img/sjinfo.png" alt="">
        </div>
        <div id="qcInfo">
            <img src="../../res/img/qcInfo.png" alt="">
        </div>
        <div style="margin-top: 0.2rem;font-size: 0.25rem;letter-spacing: 0.05rem">去<a style="color: #fff" href="dancool://activity=userku">我的蛋池</a>发货</div>
    </div>
</div>

<div id="cutDanji" class="cutDanji">
    <div class="indexAlert"></div>
    <div class="bottom">
        <div class="name">换一套</div>
        <ul id="cutDanjiList" class="cutDanjiList"></ul>
    </div>

</div>

<div id="shareWrap" class="shareWrap">
    <div class="indexAlert"></div>
    <img id="sharePic" class="sharePic" src="" alt="">
    <div class="bottom">
        <div class="name">分享当前图片到</div>
        <div class="shareIcon">
            <a id="shareWx" class="shareIconLi">
                <img src="../../res/img/share/wx.png" alt="">
                <p>微信好友</p>
            </a>
            <div id="sharePyq" class="shareIconLi">
                <img src="../../res/img/share/pyq.png" alt="">
                <p>朋友圈</p>
            </div>
            <div id="shareQQ" class="shareIconLi">
                <img src="../../res/img/share/qq.png" alt="">
                <p>QQ好友</p>
            </div>
            <div id="shareKj" class="shareIconLi">
                <img src="../../res/img/share/qqkj.png" alt="">
                <p>QQ空间</p>
            </div>
            <div id="shareWb" class="shareIconLi">
                <img src="../../res/img/share/wb.png" alt="">
                <p>新浪微博</p>
            </div>
            <div id="downLoadPic" class="shareIconLi">
                <img src="../../res/img/share/bctp.png" alt="">
                <p>保存图片</p>
            </div>
        </div>
    </div>

</div>



<!--确定弹窗-->
<div id="conAlert" class="conAlert">
    <div class="indexBack"></div>
    <section class="butAlert">
        <div class="yue">
            <div class="yueName">账户余额</div>
            <div class="yueright">
                <img src="../../res/img/common/goldCoin.png" alt="">
                <span id="moneyAlert"></span>
            </div>
        </div>
        <img id="closebutAlert" src="../../res/img/common/close1.png" alt="">
        <div class="shDetail">
            <div class="left">
                <img id="picbannerAlert" src="" alt="">
            </div>
            <div class="right">
                <div id="danjiNameAlert" class="name"></div>
                <div id="buyNumber" class="buyNumber">扭一次</div>
                <div id="buyPrice" class="buyPrice">
<!--                    <img src="../../res/img/common/goldCoin.png" alt="">-->
<!--                    <span>168</span>-->
                </div>
            </div>
        </div>
        <div class="alertInfo">另需邮费,满6件商品包邮</div>
        <div class="alertConsent">
            <!-- <image bindtap="isAgress" src="{{isAgree?'/images/common/ty.png':'/images/common/noty.png'}}"></image> -->
            <div> 购买成功后商品将存放于我的蛋池内，存放有时间限制，若到期未进行提货或者主动进行回购操作，商品将根据详情页显示金额以特定折扣回购为HP/金币返还至app钱包。</div>
            <div>蛋酱发货的商品由于工艺问题，若出现窜色、脱漆，缺件等“中奖”情况，蛋酱不进行处理，且受包装工艺限制，商品在运输中出现外盒的轻微压损情况，蛋酱不进行处理。</div>
            为避免不必要的损失，购买前请仔细阅读
            <a style="color: #ff0000" href="dancool://web=https://api.odancool.com/weixinapp/view/agreement/userAreement.html?type=0" class="gmxz"> 《用户协议》。</a>
        </div>
        <div id="affirmBuy" class="affirmBuy">确认支付</div>
    </section>
</div>

<!--确定回购弹窗-->
<div id="conhgAlert" class="conAlert">
    <div class="indexBack"></div>
    <section class="alertIndex">
        <div class="topName"></div>
        <div id="tghopInfo" class="topInfo"></div>
        <div class="checktype">
            <p>
                <input type="hidden" value="0">
                <span>回购成金币</span>
                <img src="../../res/img/gx.png" alt="">
            </p>
            <p class="active">
                <input type="hidden" value="1">
                <span>回购成HP</span>
                <img src="../../res/img/gx.png" alt="">
            </p>
        </div>
        <div class="leftRight">
            <div id="ghcancel" class="left">取消</div>
            <div id="ghconBtn" class="right">确定</div>
        </div>
    </section>
</div>
<!--去充值-->
<div id="gorAlert" class="conAlert">
    <div class="indexBack"></div>
    <section class="alertIndex">
        <div class="topName">提示</div>
        <div id="gorhopInfo" class="topInfo"></div>
        <div class="leftRight">
            <div id="goRechargecancel" class="left">取消</div>
            <div id="goRecharge" class="right">去充值</div>
        </div>
    </section>
</div>

<!--提示弹窗-->
<div id="conAlert2" class="alertWrap">
    <div class="indexBack"></div>
    <section class="alertWrapIndex">
        <div class="topName">提示</div>
        <div id="topInfo" class="topInfo"></div>
        <div class="leftRight">
            <div id="cancel">取消</div>
            <div id="conBtn2">商品详情</div>
            <input type="hidden" value="" id="toysId">
        </div>
    </section>
</div>


<!--弹出层-->
<div class="layuiAlert"></div>
<!--音乐加载-->
<div>
    <audio id="soundStar" src="../../res/danji/vendor/sound_niu6.mp3" preload="auto"></audio>
    <audio id="soundToggle" src="../../res/danji/vendor/sound_over6.mp3" preload="auto"></audio>
</div>
</body>

<script src="../../res/danji/vendor/jquery.min.js"></script>
<script src="../../res/danji/vendor/common5.js?v=1.0.2"></script>
<script src='../../res/js/layer/layer.js'></script>
<script src="../../res/js/common/h5Common.js"></script>
<script src="../../res/js/vconsole.min.js"></script>
<script src="../../res/danji/vendor/danji4.js?v=1.0.8"></script>
<script>
    // let cConsole = new VConsole();
    console.log('hello word')
</script>
<script>
    $('#cancel').click(function () {
        $('#conAlert2').hide()
    });
    $(function(){

        //处理宽高问题
        var $ndMachine = $('.nd-machine');
        var img = new Image();
        img.onload = function () {
            var radio = img.width / img.height;
            var padding = 10;
            var w = window.innerWidth - padding;
            var h = w / radio;
            if (h > window.innerHeight - padding) {
                h = window.innerHeight - padding;
                w = radio * h;
            }

            $nowscwidth=$(window).width();
            $nowscheight=$(window).height();

            $bilili=$nowscheight/$nowscwidth;

            // if($bilili < 1.45) { //ipad
            //     $ndMachine.parent().css({
            //         'width': '80%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else if($bilili < 1.68) { //有底边栏
            //     $ndMachine.parent().css({
            //         'width':'87%',
            //         'bottom': '0%',
            //         'visibility': 'visible'
            //     });
            // }else{ //无底边栏
            //     $ndMachine.parent().css({
            //         'width': '90%',
            //         'top': '1.7rem',
            //         'visibility': 'visible'
            //     });
            // }

        };
        img.src = $ndMachine.attr('src');

        /*弹幕*/
        // window.danmu = new Danmu({container: '.danmu'});
        //
        // window.danmu.add([{info: '我要韩雪'}]);
        // deal(4000, function () {window.danmu.add2([{info: '小***T 抽到了 扭蛋 懒蛋蛋 生活造型摆件 4懒蛋蛋被夹C'}]);});
        // deal(8000, function () {window.danmu.add2([{info: '中*****觉 抽到了 扭蛋 懒蛋蛋 生活造型摆件 9懒蛋蛋爬起'}]);});
        // deal(12000, function () {window.danmu.add2([{info: 's*s 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(16000, function () {window.danmu.add2([{info: '丹******希 抽到了 扭蛋 懒蛋蛋 生活造型摆件 3懒蛋蛋被夹B'}]);});
        // deal(20000, function () {window.danmu.add2([{info: '丹******希 抽到了 扭蛋 懒蛋蛋 生活造型摆件 9懒蛋蛋爬起'}]);});
        // deal(24000, function () {window.danmu.add2([{info: '欧*******子 抽到了 扭蛋 懒蛋蛋 生活造型摆件 1牛肉盖饭'}]);});
        // deal(28000, function () {window.danmu.add2([{info: '刺*仔 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(32000, function () {window.danmu.add2([{info: '刺*仔 抽到了 扭蛋 懒蛋蛋 生活造型摆件 8懒蛋蛋趴着'}]);});
        // deal(36000, function () {window.danmu.add2([{info: '花****袜 抽到了 扭蛋 懒蛋蛋 生活造型摆件 6懒蛋蛋的蛋壳'}]);});
        // deal(40000, function () {window.danmu.add2([{info: '天**虫 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(44000, function () {window.danmu.add2([{info: '饭**粥 抽到了 扭蛋 懒蛋蛋 生活造型摆件 5懒蛋蛋的dara~ri'}]);});
        // deal(48000, function () {window.danmu.add2([{info: '饭**粥 抽到了 扭蛋 懒蛋蛋 生活造型摆件 10假蛋靠黑板'}]);});
        // deal(52000, function () {window.danmu.add2([{info: '饭**粥 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(56000, function () {window.danmu.add2([{info: '芝*糊 抽到了 扭蛋 懒蛋蛋 生活造型摆件 10假蛋靠黑板'}]);});
        // deal(60000, function () {window.danmu.add2([{info: '刘**呀 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(64000, function () {window.danmu.add2([{info: '立********雪 抽到了 扭蛋 懒蛋蛋 生活造型摆件 3懒蛋蛋被夹B'}]);});
        // deal(68000, function () {window.danmu.add2([{info: '苏******落 抽到了 扭蛋 懒蛋蛋 生活造型摆件 4懒蛋蛋被夹C'}]);});
        // deal(72000, function () {window.danmu.add2([{info: '中*******河 抽到了 扭蛋 懒蛋蛋 生活造型摆件 10假蛋靠黑板'}]);});
        // deal(76000, function () {window.danmu.add2([{info: '浮***Q 抽到了 扭蛋 懒蛋蛋 生活造型摆件 6懒蛋蛋的蛋壳'}]);});
        // deal(80000, function () {window.danmu.add2([{info: '吸*******吸 抽到了 扭蛋 懒蛋蛋 生活造型摆件 7懒蛋蛋躺着'}]);});
        // deal(84000, function () {window.danmu.add2([{info: '保********雪 抽到了 扭蛋 懒蛋蛋 生活造型摆件 2懒蛋蛋被夹A'}]);});
        // deal(88000, function () {window.danmu.add2([{info: '鸡****7 抽到了 扭蛋 懒蛋蛋 生活造型摆件 2懒蛋蛋被夹A'}]);});
        // deal(92000, function () {window.danmu.add2([{info: '浮***Q 抽到了 扭蛋 懒蛋蛋 生活造型摆件 3懒蛋蛋被夹B'}]);});
        // deal(96000, function () {window.danmu.add2([{info: '鸡****7 抽到了 扭蛋 懒蛋蛋 生活造型摆件 5懒蛋蛋的dara~ri'}]);});
        // deal(100000, function () {window.danmu.add2([{info: '鸡****7 抽到了 扭蛋 懒蛋蛋 生活造型摆件 1牛肉盖饭'}]);});
        // deal(104000, function () {window.danmu.add2([{info: '鸡****7 抽到了 扭蛋 懒蛋蛋 生活造型摆件 5懒蛋蛋的dara~ri'}]);});
        // deal(108000, function () {window.danmu.add2([{info: '鸡****7 抽到了 扭蛋 懒蛋蛋 生活造型摆件 5懒蛋蛋的dara~ri'}]);});
        // deal(112000, function () {window.danmu.add2([{info: '芝*糊 抽到了 扭蛋 懒蛋蛋 生活造型摆件 8懒蛋蛋趴着'}]);});
        // deal(116000, function () {window.danmu.add2([{info: '赞****************里 抽到了 扭蛋 懒蛋蛋 生活造型摆件 8懒蛋蛋趴着'}]);});
        // deal(120000, function () {window.danmu.add2([{info: '赞****************里 抽到了 扭蛋 懒蛋蛋 生活造型摆件 2懒蛋蛋被夹A'}]);});

    })

</script>
</html>
